<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
		<title>游戏列表</title>
	</head>
	<body>
		<div class="web">
			<header>
				<nav>
					<i class="iconfont icon-weibo"></i>
					<div class="navLeft wow animate__rubberBand">
						<a href="index.html">
							<img src="../img/sugarLogo.png">
						</a>
					</div>
					<div class="navRight">
						<div class="box">
							<div class="line1"></div>
							<div class="line2"></div>
							<a href="index.html">首页</a>
							<a href="index.html">home</a>
						</div>
						<div class="box">
							<div class="line1"></div>
							<div class="line2"></div>
							<a href="game.html">游戏</a>
							<a href="game.html">game</a>
						</div>
						<div class="box">
							<div class="line1"></div>
							<div class="line2"></div>
							<a href="case.html">案例</a>
							<a href="case.html">Case</a>
						</div>
						<div class="box">
							<div class="line1"></div>
							<div class="line2"></div>
							<a href="personal.html">关于我们</a>
							<a href="personal.html">About us</a>
						</div>
					</div>
				</nav>
			</header>
			<main>
				<section class="bgTop"></section>
				<section class="navTop">
					<div class="turn">
						<h2>狂转游戏</h2>
						<p>Turn mad game</p>
					</div>
					<div class="lottery">
						<h2>抽奖游戏</h2>
						<p>Lottery game</p>
					</div>
				</section>
				<section class="content">
					<div class="imgBox wow animate__lightSpeedInLeft">
						<img src="../img/glMr.png">
					</div>
					<div class="btnTop wow animate__zoomIn">
						<button type="button">排序</button>
						<button type="button">按时间</button>
						<button type="button">按销量</button>
						<button type="button">按种类</button>
					</div>
					<div class="game">
						<div class="itemTop">
							<div class="itemC wow animate__bounceInLeft">
								<div class="gTitle">
									<div class="gl">
										<h1>剑圣传奇</h1>
										<h2>2014-07-09</h2>
										<h3>使用次数:20</h3>
										<div class="line"></div>
									</div>
									<div class="gr">
										<button type="button">购买</button>
										<i class="iconfont icon-kongwujiaoxing"></i>
									</div>
								</div>
								<a href="">
									<img src="../img/homeTurn1.png">
								</a>
							</div>
							<div class="itemC wow animate__bounceInDown">
								<div class="gTitle">
									<div class="gl">
										<h1>PLAGUE LNC</h1>
										<h2>2014-07-09</h2>
										<h3>使用次数:20</h3>
										<div class="line"></div>
									</div>
									<div class="gr">
										<button type="button">购买</button>
										<i class="iconfont icon-kongwujiaoxing"></i>
									</div>
								</div>
								<a href="">
									<img src="../img/homeTurn2.png">
								</a>
							</div>
							<div class="itemC wow animate__bounceInRight">
								<div class="gTitle">
									<div class="gl">
										<h1>地狱边境</h1>
										<h2>2014-07-09</h2>
										<h3>使用次数:20</h3>
										<div class="line"></div>
									</div>
									<div class="gr">
										<button type="button">购买</button>
										<i class="iconfont icon-kongwujiaoxing"></i>
									</div>
								</div>
								<a href="">
									<img src="../img/homeTurn3.png">
								</a>
							</div>
							<div class="rightImg wow animate__rotateInUpRight">
								<img src="../img/glRights.png">
							</div>
						</div>
						<div class="itemCenter">
							<div class="itemC wow animate__bounceInLeft">
								<div class="gTitle">
									<div class="gl">
										<h1>功夫西游</h1>
										<h2>2014-07-09</h2>
										<h3>使用次数:20</h3>
										<div class="line"></div>
									</div>
									<div class="gr">
										<button type="button">购买</button>
										<i class="iconfont icon-kongwujiaoxing"></i>
									</div>
								</div>
								<a href="">
									<img src="../img/glKf.png">
								</a>
							</div>
							<div class="itemC wow animate__zoomIn">
								<div class="gTitle">
									<div class="gl">
										<h1>宝石迷阵</h1>
										<h2>2014-07-09</h2>
										<h3>使用次数:20</h3>
										<div class="line"></div>
									</div>
									<div class="gr">
										<button type="button">购买</button>
										<i class="iconfont icon-kongwujiaoxing"></i>
									</div>
								</div>
								<a href="inner.html">
									<img src="../img/glBe.png">
								</a>
							</div>
							<div class="itemC wow animate__bounceInRight">
								<div class="gTitle">
									<div class="gl">
										<h1>植物大战僵尸</h1>
										<h2>2014-07-09</h2>
										<h3>使用次数:20</h3>
										<div class="line"></div>
									</div>
									<div class="gr">
										<button type="button">购买</button>
										<i class="iconfont icon-kongwujiaoxing"></i>
									</div>
								</div>
								<a href="inner.html">
									<img src="../img/glTh.png">
								</a>
							</div>
							<div class="leftImg wow animate__rotateInUpLeft">
								<img src="../img/glLefts.png">
							</div>
						</div>
						<div class="itemBottom">
							<div class="itemC wow animate__bounceInLeft">
								<div class="gTitle">
									<div class="gl">
										<h1>狂斩三国</h1>
										<h2>2014-07-09</h2>
										<h3>使用次数:20</h3>
										<div class="line"></div>
									</div>
									<div class="gr">
										<button type="button">购买</button>
										<i class="iconfont icon-kongwujiaoxing"></i>
									</div>
								</div>
								<a href="">
									<img src="../img/glKzsg.png">
								</a>
							</div>
							<div class="itemC wow animate__bounceInUp">
								<div class="gTitle">
									<div class="gl">
										<h1>世界迷雾</h1>
										<h2>2014-07-09</h2>
										<h3>使用次数:20</h3>
										<div class="line"></div>
									</div>
									<div class="gr">
										<button type="button">购买</button>
										<i class="iconfont icon-kongwujiaoxing"></i>
									</div>
								</div>
								<a href="">
									<img src="../img/glDbog.png">
								</a>
							</div>
							<div class="itemC wow animate__bounceInRight">
								<div class="gTitle">
									<div class="gl">
										<h1>消灭星星游戏</h1>
										<h2>2014-07-09</h2>
										<h3>使用次数:20</h3>
										<div class="line"></div>
									</div>
									<div class="gr">
										<button type="button">购买</button>
										<i class="iconfont icon-kongwujiaoxing"></i>
									</div>
								</div>
								<a href="">
									<img src="../img/glMadr.png">
								</a>
							</div>
						</div>
					</div>
					<div class="btnBottom wow animate__rotateIn">
						<div class="leftA">
							<button type="button">&lt;</button>
						</div>
						<div class="btnBox">
							<button>1</button>
							<button>2</button>
							<button>3</button>
							<button>4</button>
							<button>5</button>
							<button>6</button>
							<button>...</button>
							<button>12</button>
						</div>
						<div class="rightA">
							<button type="button">&gt;</button>
						</div>
					</div>
				</section>
			</main>
			<footer>
				<p>COPYRIGHT © 2014 PANGTANG. ALL RIGHTS RESERVED. 版权所有</p>
			</footer>
		</div>
	</body>

	<script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
	<script type="text/javascript" src="http://www.jeendo.com/script/wow/wow.min2.js"></script>
</html>
